/**
 * @description 组件样式
 * @author: 陈陈
 * @date: 2025/05/09
 * @phone: 18560000860
 * @email: 18560000860@qq.com
 * @company: 济南晨霜信息技术有限公司 /
 * @business: 承接前后端项目的开发
 */
.pure-swiper {
	position: relative;
	width: var(--pure-swiper-width, 100%);
	display: flex;
	flex-direction: column;
	gap: var(--pure-swiper-gap);
	border-radius: var(--pure-swiper-border-radius, var(--pure-radius-default));
	overflow: var(--pure-swiper-overflow, hidden);

	&__swiper {
		width: 100%;
		height: var(--pure-swiper-height, 422rpx);
		border-radius: var(--pure-swiper-border-radius, var(--pure-radius-default));
		overflow: var(--pure-swiper-overflow, hidden);
	}

	&__item {
		border-radius: inherit;
		padding: var(--pure-swiper-item-padding);

		&__content {
			width: 100%;
			height: 100%;
			transition: 500ms ease-in-out;
			border-radius: var(--pure-swiper-border-radius, var(--pure-radius-default));
			--pure-image-border-radius: var(--pure-swiper-border-radius, var(--pure-radius-default));
		}

		&__image {
			border-radius: var(--pure-swiper-border-radius, var(--pure-radius-default));
			--pure-image-border-radius: var(--pure-swiper-border-radius, var(--pure-radius-default));
			overflow: hidden;
			width: 100%;
			height: 100%;
		}

		&--active {
			.pure-swiper__item__content {
				transform: var(--pure-swiper-item-active-transform);
			}
		}

		&--prev {
			.pure-swiper__item__content {
				transform: var(--pure-swiper-item-prev-transform);
				transform-origin: var(--pure-swiper-item-prev-transform-origin, right center);
			}
		}

		&--next {
			.pure-swiper__item__content {
				transform: var(--pure-swiper-item-next-transform);
				transform-origin: var(--pure-swiper-item-next-transform-origin, left center);
			}
		}
	}

	&__indicator {
		line-height: 1;
		position: var(--pure-indicator-position, absolute);
		z-index: var(--pure-swiper-indicator-z-index, 2);
		left: var(--pure-swiper-indicator-left, 50%);
		bottom: var(--pure-swiper-indicator-bottom, 8px);
		transform: var(--pure-swiper-indicator-transform, translateX(-50%));
		margin: var(--pure-swiper-indicator-margin);
		padding: var(--pure-swiper-indicator-padding);
		background: var(--pure-swiper-indicator-background);
		font-size: var(--pure-swiper-indicator-font-size);
		font-weight: var(--pure-swiper-indicator-font-weight);
		color: var(--pure-swiper-indicator-color);
		border-radius: 0 0 var(--pure-swiper-border-radius, var(--pure-radius-default))
			var(--pure-swiper-border-radius, var(--pure-radius-default));
		overflow: hidden;
		width: var(--pure-swiper-indicator-width);
		display: var(--pure-swiper-indicator-display);
		flex-direction: var(--pure-swiper-indicator-direction);
		align-items: var(--pure-swiper-indicator-align-items);
		justify-content: var(--pure-swiper-indicator-justify-content);
	}

	&--indicator-outside {
		gap: var(--pure-swiper-gap, 8px);

		.pure-swiper__indicator {
			position: var(--pure-indicator-position, static);
			transform: var(--pure-swiper-indicator-transform, 0);
			margin: var(--pure-swiper-indicator-margin, 0 auto);
		}
	}

	&--indicator-mode--line {
		.pure-swiper__indicator {
			width: var(--pure-swiper-indicator-width, 100%);
			display: var(--pure-swiper-indicator-display, flex);
			flex-direction: var(--pure-swiper-indicator-direction, row);
			align-items: var(--pure-swiper-indicator-align-items, center);
			justify-content: var(--pure-swiper-indicator-justify-content, center);
		}
	}

	&--indicator-mode--progress {
		.pure-swiper__indicator {
			width: var(--pure-swiper-indicator-width, 100%);
			bottom: var(--pure-swiper-indicator-bottom, 0);
		}
	}

	&--indicator-mode--title {
		gap: var(--pure-swiper-gap, 0);

		.pure-swiper__indicator {
			width: var(--pure-swiper-indicator-width, 100%);
			bottom: var(--pure-swiper-indicator-bottom, 0);
		}
	}
}
